<?php
  session_start();
    if(!isset($_SESSION['usuario'])){
            header('location:../html/login.html');
         }
         echo '
                <center>
                    <title>Seguimiento Estados</title>
                    <table>
                        <tr>
                            <td>';
                         include_once 'menu.php';
                        echo"</td>
                        </tr>
                    </table>";
?>
<html>
    <head>
        
        <link href="../../PlaneacionCirugia/Css/EstilosCirugia.css" rel="stylesheet" type="text/css"/>
        <script src="../../PlaneacionCirugia/Js/Cirugia.js" type="text/javascript"></script>
        <script src="jquery-1.9.1.min.js"></script>
        
         <!-- LIBRERIAS JQUERY PARA LA CREACION DE LAS ALERTAS -->
        <script type="text/javascript" src="../../Ginecobstetricia/vista/js/alertify.js"></script>
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.core.css" />
        <link rel="stylesheet" href="../../Ginecobstetricia/vista/css/alertify.default.css" />
        
        <!--Librerias de la botoneria y pop-up-->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="../Modal/css/bootstrap.min.css" rel="stylesheet">
        <script src="../Modal/js/bootstrap.min.js"></script>
        
        <!--LIBRERIAS PARA LA CREACION DEL CALENDARIO-->
        <link href="../../RecepcionPaciente/Css/jquery.datetimepicker.css" rel="stylesheet" />
        <script src="../../RecepcionPaciente/Js/jquery.datetimepicker.js"></script> 
        
    </head>
    <body onload="CargarEstadoQx('4');ConsultarSolicitudQx('4');DatosFiltro();">
        <input type="hidden" name="" value="<?php echo$_SESSION['roll'] ?>" id="Roll" />
        <input type="hidden" name="" value="0" id="EstadoFiltro" />
        <table  style="width: 1250px">
            <tr>
                <td>
                <section class="">
                    <input type="hidden" name="" value="" id="Estado"/>
                        <div class="SeguimientoCirugia">
                            <h1>Momentos de la Cirugía</h1>
                            <table style="width: 100%">
                                <tr>
                                    <td align="left">
                                        <div style="cursor: pointer;padding-bottom: 10px" onclick="ConsultarHistorial();"><a>Ver historial quirofano</a></div >
                                    </td>
                                    <td colspan="2" align="right" id="CategorizarEstado">
                                        <a href="#" data-toggle='modal' data-target='#VentanaCategorizar' onclick="CargarEstados();">Categorizar estados</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2">
                                        <div id="EstadosQx"></div>
                                     </td>
                                 </tr>
                            </table>
                        </div>
                    </section>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="containerTabla">
                        <div class="login">
                            <table class="table">
                                <tr>
                                    <td style="width: 17%">
                                        <table class="table" style="font-size: 90%;" >
                                            <tr>
                                                <td id="titulos" align="center">
                                                    <strong>Tipos de Cirugía</strong>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="cursor: pointer" onclick="ConsultarSolicitudQx('4');">
                                                    <hr><a style="color: #555"><div id="Consolidado">Consolidado de Cirugías</div></a>
                                                </td>
                                            </tr>
                                            <tr> 
                                                <td style="cursor: pointer;" onclick="ConsultarSolicitudQx('1');">
                                                    <hr><a style="color: #555"><div id="Ambulatorio">Cirugía Ambulatoria</div></a> 
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="cursor: pointer;" onclick="ConsultarSolicitudQx('2');">
                                                    <hr><a style="color: #555" ><div id="Hospitalario">Cirugía Hospitalización</div> </a>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td style="cursor: pointer" onclick="ConsultarSolicitudQx('3');">
                                                    <hr><a style="color: #555"><div id="Urgencia">Cirugía Urgencia</div></a> 
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td>
                                        <table class="table" style="font-size: 90%;" >
                                              <tr>
                                                <td id="titulos" align="center">
                                                    <strong>Listado De Cirugía</strong>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <table width="100%" >
                                                        <tr>
                                                            <td colspan="3">
                                                                 <div class="exteriorSeguimiento">
                                                                     <table  id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                         <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                             <tr>
                                                                                 <th>Documento</th>
                                                                                 <th>Nombre</th>
                                                                                 <th>Fecha Solicitud</th>
                                                                                 <th>Fecha Vencimiento</th>
                                                                                 <th>Fecha Registro</th>
                                                                                 <th>Entidad</th>
                                                                                 <th>Especialidad</th>
                                                                                 <th>Área Servicio</th>
                                                                                 <th>Estado Solicitud</th>
                                                                                 <th>Indicador Cirugía</th>
                                                                                 <th>Seguimiento</th>
                                                                             </tr>
                                                                         </thead>
                                                                     </table>
                                                                 </div>
                                                                 <div class="interiorSeguimiento" id="inte">
                                                                     <div id="DatosSolicitud"></div>
                                                                 </div>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="right">
                                                                <table>
                                                                     <tr>
                                                                         <td style="width: 1000px">
                                                                             <img src="../imagen/excel.png" width="30" height="30" alt="excel" onclick="DescargarSolicitudQx();"/>
                                                                        </td>
                                                                         <td style="padding-top: 8px">
                                                                             <input type="text" name="" value="" id="FechaInicial"style="width: 100px" placeholder="Fecha Inicial"/>
                                                                         </td>
                                                                         <td width="3px"></td>
                                                                         <td style="padding-top: 8px">
                                                                             <input type="text" name="" value="" id="FechaFinal" style="width: 100px" placeholder="Fecha Final" />
                                                                         </td>
                                                                         <td width="3px"></td>
                                                                         <td style="padding-top: 8px">
                                                                             <input type="text" name="" value="" id="Documento" style="width: 100px" placeholder="Documento"/>
                                                                         </td>
                                                                         <td width="3px"></td>
                                                                         <td>
                                                                             <input type="button" name="" value="Buscar" class="btn btn-success" onclick="ValidarEstado();"/>
                                                                         </td>
                                                                         <td width="3px"></td>
                                                                         <td>
                                                                             <input type="button" name="" value="Cancelar" class="btn btn-info" onclick="Cancelar();"/>
                                                                         </td>
                                                                     </tr>
                                                                 </table>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <marquee  width="1150" hspace="50" scrolldelay="100" direction="left" style="padding-top: 10px">
                        <font color="#0000" size="3" face="Arial, Helvetica, sans-serif">			
                            <strong>
                                <div id="DescripcionEstados"></div>
                            </strong> 
                        </font>
                    </marquee>
                </td>
            </tr>
        </table>
        <div class="modal fade" id="VentanaCategorizar" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-right:130px;padding-top: 65px" >
            <div class="modal-dialog modal-lg">
                <div class="modal-content" style="width: 1020px;height: 460px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel" align="center">PARAMETRIZACIÓN ESTADOS</h4>
                    </div>
                    <div class="modal-body">
                        <div style="height: 490px;">
                            <table>
                                <tr>
                                    <td>
                                        <div class="exterior" >
                                            <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                    <tr>
                                                        <th>Opciones</th>
                                                        <th>Nombre Del Estado</th>
                                                        <th>Imagen Estados</th>
                                                        <th>Descripción</th>
                                                        <th>Tiempo En Días Para Finalizar</th>
                                                    </tr>
                                                </thead>
                                            </table>
                                        </div>
                                        <div class="InteriorTabla" id="inte">
                                            <div id="ContenidoEstados"></div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <br>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <div id="CamposEditar"></div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="DetalleCirugia" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-right:  400px" >
            <div class="modal-dialog modal-lg">
                <div class="modal-content" style="width: 1300px;height: 870px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel" align="center">SEGUIMIENTO CIRUGÍA</h4>
                    </div>
                    <div class="modal-body">
                        <div style="height: 490px;">
                            <table  style="width: 1250px">
                                <tr>
                                    <td>
                                        <section class="">
                                            <div class="formulario">
                                                <table style="font-size: 80%">
                                                    <tr>
                                                        <td colspan="4" align="center">
                                                             <h1>Maestro del Seguimiento de Cirugía<br><br></h1> 
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Documento
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <input type="text" name="" disabled id="DocumentoPaciente" value="" class="CajasTexto"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Nombre
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <input type="text" name="" disabled id="NombrePaciente" value="" class="CajasTexto"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Medico Que Solicita
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <select name="" id="Cirujano" class="CajasTexto">
                                                                <option value="">---</option>
                                                            </select>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Entidad
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <input type="text" name="" disabled id="Entidad" value="" class="CajasTexto"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Fecha Solicitud
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <input type="text" name="" disabled id="FechaSolicitud" value="" class="CajasTexto"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Telefono
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <input type="text" name=""  id="TelefoPpal" value="" class="CajasTexto"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Dirección
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <textarea name="" rows="4" cols="20" id="Direccion" class="CajasTexto"></textarea>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Email
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <input type="text" name=""  id="Email" value="" class="CajasTexto"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            Área que solicita
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <select style="" name="" id="AreaSolicita" class="CajasTexto">
                                                                <option value="">---</option>
                                                            </select>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                           Estado
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <select name="" id="EstadoProgramacion" class="CajasTexto" onchange="EstadoProgramacion();">
                                                            </select>
                                                        </td>
                                                        <td>
                                                            <div  id="CausasCancelada"style="cursor: pointer" data-toggle="modal" data-target="#VentanaCausas"></div>
                                                            <div id="OidCausas"></div>
                                                            <div  id="AgregarEstadosQx" style="cursor: pointer"></div>
                                                        </td>
                                                    </tr>
                                                    <tr id="CampoFechaTramite">
                                                        <td>
                                                           Fecha Tramite
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <input type="text" name="" value="" disabled id="FechaTramite" class="CajasTexto"/>
                                                        </td>
                                                    </tr>
                                                    <tr id="CampoFechaAutorizacion">
                                                        <td>
                                                           Fecha Autorizacion
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <input type="text" name="" value="" id="FechaAutorizacion" class="CajasTexto"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <br>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <table style="font-size: 100%" >
                                                                <tr>
                                                                    <td>
                                                                        Reserva UCI
                                                                    </td>
                                                                    <td style="width: 10px"></td>
                                                                    <td>
                                                                        <input type="checkbox" name="" id="ReservaUCI" value="" onchange="ReservaCamaCenso();"/>
                                                                    </td>
                                                                    <td>
                                                                        <div id="CamaCenso"></div>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <table style="font-size: 100%">
                                                                <tr>
                                                                    <td>
                                                                        Requiere Sangre
                                                                    </td>
                                                                    <td style="width: 10px"></td>
                                                                    <td>
                                                                        <input type="checkbox" name="" id="ReservaSangre" value="" class="CajasTexto"/>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <br>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <table style="font-size: 100%" >
                                                                <tr>
                                                                    <td>
                                                                        Equipos
                                                                    </td>
                                                                    <td style="width: 10px"></td>
                                                                    <td>
                                                                        <input type="checkbox" name="" id="Insumos" value=""  onchange="ValidarInsumos();"/>
                                                                    </td>
                                                                    <td style="width: 10px"></td>
                                                                    <td>
                                                                        <div id="AgregarInsumos" style="cursor: pointer" data-toggle="modal" data-target="#VentanaInsumos" onclick="ConsultarInsumos();"></div>
                                                                        <div id="OidInsumosSeleccionado"></div>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                        <td style="width: 5px"></td>
                                                        <td>
                                                            <table style="font-size: 100%">
                                                                <tr>
                                                                    <td>
                                                                        Chequeo Pre- Anestésico
                                                                    </td>
                                                                    <td style="width: 10px"></td>
                                                                    <td>
                                                                        <input type="checkbox" name=""  id="PreAnestesico" value="" />
                                                                    </td>
                                                                    <td style="width: 10px"></td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <br>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <table style="font-size: 100%">
                                                                <tr>
                                                                    <td>
                                                                        Material De Osteosíntesis
                                                                    </td>
                                                                    <td>
                                                                        <input type="checkbox" name="" id="MaterialOsteosintesis" value="" onchange="ValidarMaterial();"/>
                                                                    </td>
                                                                    <td style="width: 10px"></td>
                                                                    <td>
                                                                        <div id="AgregarMaterialOsteosintesis" style="cursor: pointer" data-toggle="modal" data-target="#VentanaMaterial" onclick="ConsultarMaterial();"></div>
                                                                        <div id="OidMaterialDeOsteosintesis"></div>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <br>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="6" align="center">
                                                            <table>
                                                                <tr>
                                                                    <td id="BotonEditarCx">
                                                                        <input type="button" value="Editar Cirugia"  class="btn btn-success" onclick="EditarProgramacion();"/>
                                                                    </td>
                                                                    <td style="width: 10px"></td>
                                                                    <td>
                                                                        <div id="ProcedimientosQuirurgicos"></div>
                                                                    </td>
                                                                    <td style="width: 10px"></td>
                                                                    <td>
                                                                        <div id="ImprimirInformacionCirugia"></div>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </section>
                                    </td>
                                    <td>
                                        <section class="">
                                            <div class="DetalleSeguimiento">
                                                <h1>Detalle del Seguimiento de Cirugía</h1>
                                                <table>
                                                    <tr>
                                                        <td>
                                                            <div class="exteriorDetalle" >
                                                                <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                    <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                        <tr>
                                                                            <th>Fecha Seguimiento</th>
                                                                            <th>Descripción</th>
                                                                            <th>Funcionario</th>
                                                                            <th>Fecha Revisión</th>
                                                                            <th>Revisión</th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </div>
                                                            <div class="InteriorTablaDetalle" id="inte">
                                                                <div id="ContenidoDetalle"></div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <br>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <table>
                                                                <tr>
                                                                    <td>
                                                                        <textarea name="" rows="4" cols="20" id="DescripcionSeguimiento" placeholder="Descripción" style="width: 525px"></textarea>
                                                                    </td>
                                                                    <td>
                                                                        <input type="hidden" name="" value="" id="CodigoCirugia"/>
                                                                    </td>
                                                                    <td style="width: 5px"></td>
                                                                    <td style="padding-top: 45px" id="BotonRegistrarSeguimiento">
                                                                        
                                                                    </td>
                                                                    <td style="width: 5px"></td>
                                                                    <td style="padding-top: 45px" id="LimpiarSeguimiento">
                                                                        
                                                                    </td>
                                                                    <td style="width: 5px"></td>
                                                                    <td style="padding-top: 45px">
                                                                        <img src="../imagen/excel.png" width="40" height="40" alt="excel" onclick="ExportarSeguimiento();"/>
                                                                    </td>
                                                                    <td style="width: 5px"></td>
                                                                    <td id="BarraCarga" style="padding-top: 80px">
                                                                        <img style="margin-top: -17px" src="../imagen/gif/carga3.gif" width="75" height="75" alt="carga"/>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <br><br>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <h2>Tramite de la Cirugía</h2>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" style="padding-top: 60px">
                                                            <table border="">
                                                                <tr>
                                                                    <td>
                                                                        <div id="IndicadorEstado"></div>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </section>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="VentanaCausas" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-right:130px;padding-top: 65px" >
            <div class="modal-dialog modal-lg">
                <div class="modal-content" style="width: 1020px;height: 420px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel" align="center">PARAMETRIZACIÓN CAUSAS</h4>
                    </div>
                    <div class="modal-body">
                        <div style="height: 490px;">
                            <table>
                                <tr>
                                    <td>
                                        <table>
                                            <tr>
                                                <td>
                                                    <section class="">
                                                        <div class="FormularioQx" >
                                                            <table style="font-size: 80%" >
                                                                <tr>
                                                                    <td colspan="15" align="center">
                                                                         <h1>Datos Básicos Causas</h1> 
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        Nombre
                                                                    </td>
                                                                    <td width="10px"></td>
                                                                    <td>
                                                                        <input placeholder="Nombre de la causa" type="text" name=""  value="" id="NombreCausa"  class="CajasTexto"/>
                                                                    </td>
                                                                <tr>
                                                                    <td>
                                                                       Descripción
                                                                    </td>
                                                                    <td width="10px"></td>
                                                                    <td>
                                                                        <textarea name="" rows="4" cols="20" id="DescripcionCausa" placeholder="Descripción de la causa" class="CajasTexto"></textarea>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <br>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        Activo
                                                                    </td>
                                                                    <td width="10px"></td>
                                                                    <td>
                                                                        <input type="checkbox" name="" checked value="" id="ActivarCausa"/>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <br><br><br>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" colspan="3">
                                                                        <table>
                                                                            <tr>
                                                                                <td id="BotonCausa">
                                                                                    <input type="button" value="Registrar" class="btn btn-success" onclick="RegistrarCausa();"/>
                                                                                </td>
                                                                                <td width="10px"></td>
                                                                                <td>
                                                                                    <input type="button" value="Limpiar" class="btn btn-info" onclick="LimpiarCausa();"/>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </section>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td style="width: 8px"></td>
                                    <td>
                                        <section class="">
                                            <div class="DatosQx">
                                                <table>
                                                    <tr>
                                                        <td  align="center">
                                                             <h1>Listado de Causas</h1> 
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <div class="exterior" >
                                                                <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                    <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                        <tr>
                                                                            <th>Seleccionar</th>
                                                                            <th>Nombre</th>
                                                                            <th>Descripción</th>
                                                                            <th>Activo</th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </div>
                                                            <div class="InteriorQx" id="inte">
                                                                <div id="ContenidoCausa"></div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <br>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right">
                                                            <input type="button" value="Agregar"  data-dismiss="modal" aria-hidden="true" class="btn btn-default" onclick="AgregarCausa();"/>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </section>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="VentanaInsumos" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-right:130px;padding-top: 65px" >
            <div class="modal-dialog modal-lg">
                <div class="modal-content" style="width: 1020px;height: 420px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel" align="center">PARAMETRIZACIÓN EQUIPOS</h4>
                    </div>
                    <div class="modal-body">
                        <div style="height: 490px;">
                            <table>
                                <tr>
                                    <td>
                                        <table>
                                            <tr>
                                                <td>
                                                    <section class="">
                                                        <div class="FormularioQx" >
                                                            <table style="font-size: 80%" >
                                                                <tr>
                                                                    <td colspan="15" align="center">
                                                                         <h1>Datos Equipos</h1> 
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        Nombre
                                                                    </td>
                                                                    <td width="10px"></td>
                                                                    <td>
                                                                        <input placeholder="Nombre del equipo" type="text" name=""  value="" id="NombreInsumo"  class="CajasTexto"/>
                                                                    </td>
                                                                <tr>
                                                                    <td>
                                                                       Descripción
                                                                    </td>
                                                                    <td width="10px"></td>
                                                                    <td>
                                                                        <textarea name="" rows="4" cols="20" id="DescripcionInsumo" placeholder="Descripción del equipo" class="CajasTexto"></textarea>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <br>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        Activo
                                                                    </td>
                                                                    <td width="10px"></td>
                                                                    <td>
                                                                        <input type="checkbox" name=""  checked id="ActivarInsumo" value=""/>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <br>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" colspan="3">
                                                                        <table>
                                                                            <tr>
                                                                                <td id="BotonInsumo">
                                                                                    <input type="button" value="Registrar" class="btn btn-success" onclick="RegistarInsumos();"/>
                                                                                </td>
                                                                                <td width="10px"></td>
                                                                                <td>
                                                                                    <input type="button" value="Limpiar" class="btn btn-info" onclick="LimpiarFormularioInsumo();"/>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </section>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td style="width: 8px"></td>
                                    <td>
                                        <section class="">
                                            <div class="DatosQx">
                                                <table>
                                                    <tr>
                                                        <td  align="center">
                                                             <h1>Listado de Equipos</h1> 
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <div class="exterior" >
                                                                <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                    <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                        <tr>
                                                                            <th>Seleccionar</th>
                                                                            <th>Nombre</th>
                                                                            <th>Descripción</th>
                                                                            <th>Activo</th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </div>
                                                            <div class="InteriorQx" id="inte">
                                                                <div id="ContenidoInsumos"></div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <br>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right">
                                                            <input type="button" value="Agregar" id="BotonAgregarInsumos"onclick="AgregarInsumos();" class="btn btn-default" data-dismiss="modal" aria-hidden="true"/>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </section>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="VentanaMaterial" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-right:130px;padding-top: 65px" >
            <div class="modal-dialog modal-lg">
                <div class="modal-content" style="width: 1020px;height: 420px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel" align="center">PARAMETRIZACIÓN MATERIAL DE OSTEOSINTESIS</h4>
                    </div>
                    <div class="modal-body">
                        <div style="height: 490px;">
                            <table>
                                <tr>
                                    <td>
                                        <table>
                                            <tr>
                                                <td>
                                                    <section class="">
                                                        <div class="FormularioQx" >
                                                            <table style="font-size: 80%" >
                                                                <tr>
                                                                    <td colspan="15" align="center">
                                                                         <h1>Datos Material De Osteosíntesis</h1> 
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        Nombre
                                                                    </td>
                                                                    <td width="10px"></td>
                                                                    <td>
                                                                        <input placeholder="Nombre del material" type="text" name=""  value="" id="NombreMaterial"  class="CajasTexto"/>
                                                                    </td>
                                                                <tr>
                                                                    <td>
                                                                       Descripción
                                                                    </td>
                                                                    <td width="10px"></td>
                                                                    <td>
                                                                        <textarea name="" rows="4" cols="20" id="DescripcionMaterial" placeholder="Descripción del material" class="CajasTexto"></textarea>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <br>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        Activo
                                                                    </td>
                                                                    <td width="10px"></td>
                                                                    <td>
                                                                        <input type="checkbox" name=""  checked id="ActivarMaterial" value=""/>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td>
                                                                        <br>
                                                                    </td>
                                                                </tr>
                                                                <tr>
                                                                    <td align="center" colspan="3">
                                                                        <table>
                                                                            <tr>
                                                                                <td id="BotonManterial">
                                                                                    <input type="button" value="Registrar" class="btn btn-success"  onclick="RegistarMaterial();"/>
                                                                                </td>
                                                                                <td width="10px"></td>
                                                                                <td>
                                                                                    <input type="button" value="Limpiar" class="btn btn-info" onclick="LimpiarFormularioMaterial();"/>
                                                                                </td>
                                                                            </tr>
                                                                        </table>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </div>
                                                    </section>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td style="width: 8px"></td>
                                    <td>
                                        <section class="">
                                            <div class="DatosQx">
                                                <table>
                                                    <tr>
                                                        <td  align="center">
                                                             <h1>Listado Material De Osteosíntesis</h1> 
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <div class="exterior" >
                                                                <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                    <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                        <tr>
                                                                            <th>Seleccionar</th>
                                                                            <th>Nombre</th>
                                                                            <th>Descripción</th>
                                                                            <th>Activo</th>
                                                                        </tr>
                                                                    </thead>
                                                                </table>
                                                            </div>
                                                            <div class="InteriorQx" id="inte">
                                                                <div id="ContenidoMaterial"></div>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <br>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="right">
                                                            <input type="button" value="Agregar" id="BotonAgregarMaterial" class="btn btn-default" data-dismiss="modal" aria-hidden="true" onclick="AgregarMaterial();"/>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </section>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="VentanaEstados" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-right:  100px" >
            <div class="modal-dialog modal-lg">
                <div class="modal-content" style="width: 1000px;height: auto">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel" align="center">SEGUIMIENTO QUIROFANO</h4>
                    </div>
                    <div class="modal-body">
                            <div id="CamposEsperaQX">
                            <fieldset style="padding-left:8px;border:2px solid #F2F2F2">
                                <legend style=" padding: 0.2em 0.5em;border:2px solid #F2F2F2;color:#4FCBF8;font-size:90%;text-align:right;"><strong>En Espera Para Quirofano</strong></legend>
                                <table style="width: 100%;font-size: 90%">
                                    <tr>
                                        <td style="padding-bottom: 5px">
                                            <textarea  style="width: 760px;height: 100px" id="ObservacionEsperaQx" name="" placeholder="Observacion en espera para quirofano"></textarea>
                                        </td>
                                        <td width="10px"></td>
                                        <td style="padding-top: 55px" id="BotonEstadoEspera">
                                            <input type="button" value="Registrar"  id="BotonEstado9" class="btn btn-success" onclick="RegistrarEstado(9);"/>
                                        </td>
                                    </tr>
                                </table>
                            </fieldset>
                        </div>
                            <br>
                            <div id="CamposEnQuirofano">
                                <fieldset style="padding-left:8px;border:2px solid #F2F2F2">
                                    <legend style=" padding: 0.2em 0.5em;border:2px solid #F2F2F2;color:#4FCBF8;font-size:90%;text-align:right;"><strong>En Quirofano</strong></legend>
                                    <table style="width: 100%;font-size: 90%" >
                                        <tr>
                                            <td>
                                                <input type="text" name="" value="" placeholder="Fecha de Entrada a la Sala" id="FechaEntrada" class="CajasTexto"/>
                                            </td>
                                            <td width="10px"></td>
                                            <td style="padding-bottom:10px">
                                                <select name="" id="Anestesiologo" class="CajasTexto">
                                                    <option value="">Anestesiologo</option>
                                                </select>
                                            </td>
                                            <td width="10px"></td>
                                            <td style="padding-bottom:10px">
                                                <select name="" id="TipoAnestesia" class="CajasTexto">
                                                    <option value="">Cambio Tipo Anestesia</option>
                                                </select>
                                            </td>
                                            <td width="10px"></td>
                                            <td>
                                                <input type="text" name="" value="" placeholder="Fecha Terminación CX" id="FechaHoraTerminacion" class="CajasTexto" onchange="CalcularTiempoDiracion();"/>
                                            </td>
                                            <td width="10px"></td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <table  style="font-size: 100%">
                                                    <tr>
                                                        <td style="padding-bottom:10px">
                                                            <select name="" id="Sala" class="CajasTexto">
                                                                <option>Sala de cirugía</option>
                                                            </select>
                                                        </td>
                                                        <td id="ParametrizarSalaQx">
                                                            <img src="../imagen/lista.png" width="40" height="40" alt="lista" style="cursor: pointer" data-toggle="modal" data-target="#VentanaSala" onclick="ConsultarSala();"/>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td> 
                                            <td width="10px"></td>
                                            <td style="padding-bottom:10px">
                                                <select name="" id="AyudanteCX" class="CajasTexto">
                                                    <option value="">Ayudante CX</option>
                                                </select>
                                            </td> 
                                            <td width="10px"></td>
                                            <td style="padding-bottom:10px">
                                                <select name="" id="Instrumentador" class="CajasTexto">
                                                    <option>Instrumentador</option>
                                                </select>
                                            </td> 
                                        </tr>
                                        <tr>
                                            <td style="padding-bottom:10px">
                                                <select name="" id="CirujanoRealiza" class="CajasTexto">
                                                    <option>Cirujano</option>
                                                </select>
                                            </td>
                                            <td width="10px"></td>
                                            <td style="padding-bottom:10px">
                                                <select name="" id="Auxiliar" class="CajasTexto">
                                                    <option>Auxiliar</option>
                                                </select>
                                            </td>  
                                            <td width="10px"></td>
                                            <td>
                                                <input type="text" name="" value="" disabled id="TiempoDuracion"  style="width: 50px"/>
                                                <i><font color="#5cb85c"><b>Tiempo de duración en minutos</b></font></i>
                                            </td>
                                            <td width="10px"></td>
                                            <td align="right">
                                                <input type="button" value="Registrar" id="BotonEstado10" class="btn btn-success" onclick="RegistrarEstado(10);"/>
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </div>
                            <br>
                            <div id="CamposEnRecuperacion">
                                <fieldset style="padding-left:8px;border:2px solid #F2F2F2">
                                    <legend style=" padding: 0.2em 0.5em;border:2px solid #F2F2F2;color:#4FCBF8;font-size:90%;text-align:right;"><strong>En Sala De Recuperacion</strong></legend>
                                    <table style="width: 100%;font-size: 90%">
                                        <tr>
                                            <td>
                                                <input type="text" name="" value="" id="FechaIngresoSala" placeholder="Fecha de Ingreso Recuperación" style="width: 295px"/>
                                            </td>
                                            <td width="10px"></td>
                                            <td  rowspan="2">
                                                <textarea name="" rows="4" placeholder="Observación En Sala De Recuperacion" id="ObservacionRecuperacion" cols="20" style="width: 460px;height: 80px"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <input type="text" name="" value="" id="TiempoEstimado"  style="width: 50px"/>
                                                <i><font color="#5cb85c"><b>Tiempo en sala de recuperación en minutos</b></font></i>
                                            </td>
                                            <td width="10px"></td>
                                            <td>
                                                <input type="button" value="Registrar" class="btn btn-success" id="BotonEstado11" onclick="RegistrarEstado(11);"/>
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </div>
                            <br>
                            <div id="CamposAltaRecuperacion">
                                <fieldset style="padding-left:8px;border:2px solid #F2F2F2">
                                    <legend style=" padding: 0.2em 0.5em;border:2px solid #F2F2F2;color:#4FCBF8;font-size:90%;text-align:right;"><strong>Alta De Recuperación</strong></legend>
                                    <table  style="width: 100%;font-size: 90%">
                                        <tr>
                                            <td style="width: 210px;padding-bottom: 30px">
                                                <input type="text" name="" value="" id="FechaAltaRecuperacion" placeholder="Fecha de alta de recuperación" style="width: 210px"/>
                                            </td>
                                            <td width="10px"></td>
                                            <td>
                                                <textarea name="" rows="4" cols="20" id="ObservacionesAltaRecuperacion" style="width: 537px" placeholder="Observaciones Alta Recuperación"></textarea>
                                            </td>
                                            <td width="10px"></td>
                                            <td style="padding-top: 30px">
                                                <input type="button" value="Registrar" class="btn btn-success" id="BotonEstado12" onclick="RegistrarEstado(12);"/>
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </div>
                            <br>
                            <div id="SalidaRecuperacion">
                                <fieldset style="padding-left:8px;border:2px solid #F2F2F2">
                                    <legend style=" padding: 0.2em 0.5em;border:2px solid #F2F2F2;color:#4FCBF8;font-size:90%;text-align:right;"><strong>Salida De Recuperación</strong></legend>
                                    <table style="width: 100%;font-size: 90%">
                                        <tr>
                                            <td>
                                                <table style="font-size: 90%">
                                                    <tr>
                                                        <td>
                                                            <input type="text" name="" value="" id="FechaSalida" placeholder="Fecha y Hora de Salida" class="CajasTexto"/>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <select name="" id="Destino" class="CajasTexto">
                                                                <option value="">Destino</option>
                                                            </select>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                            <td width="10px"></td>
                                            <td>
                                                <textarea name="" rows="4" cols="20" style="width: 730px;height: 84px" id="ObservacionesSalidaRecuperacion" placeholder="Observaciones Salida De Recuperación"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="3">
                                                <table style="font-size: 90%;width: 100%">
                                                    <tr>
                                                        <td>
                                                            Aldrete
                                                        </td>
                                                        <td width="10px"></td>
                                                        <td style="width: 100px">
                                                            <input type="range" id="Seleccion" min="1" max="10" value="0" step="1" style="width: 100px" onchange="SeleccionarAldrete();" />
                                                        </td>
                                                        <td width="10px"></td>
                                                        <td style="padding-top: 10px">
                                                            <input type="text" name="" disabled value="" id="Rango" style="width: 30px"/>
                                                        </td>
                                                        <td width="10px"></td>
                                                        <td>
                                                            Escala de Dolor 
                                                        </td>
                                                        <td width="10px"></td>
                                                        <td style="width: 100px">
                                                            <input type="range" id="SeleccionEscala" min="1" max="10" value="0" step="1" style="width: 100px" onchange="SeleccionarEscala();" />
                                                        </td>
                                                        <td width="10px"></td>
                                                        <td style="padding-top: 10px">
                                                            <input type="text" name="" disabled value="" id="RangoDolor" style="width: 30px"/>
                                                        </td>
                                                        <td width="10px"></td>
                                                        <td>
                                                            Evento de Seguridad
                                                        </td>
                                                        <td width="10px"></td>
                                                        <td>
                                                            Si 
                                                        </td>
                                                        <td width="2px"></td>
                                                        <td  style="padding-top: -5px">
                                                            <input type="radio" name="EventoSeguridad" value="" id="EventoSeguridadSi"/>
                                                        </td>
                                                        <td width="2px"></td>
                                                        <td>
                                                            No
                                                        </td>
                                                        <td width="2px"></td>
                                                        <td  style="padding-top: -5px">
                                                            <input type="radio" name="EventoSeguridad" value=""  id="EventoSeguridadNo"/>
                                                        </td>
                                                        <td width="165px"></td>
                                                        <td>
                                                            <input type="button" value="Registrar" class="btn btn-success" id="BotonEstado13" onclick="RegistrarEstado(13);"/>
                                                        </td>
                                                    </tr>
                                                </table>
                                            </td>
                                        </tr>
                                    </table>
                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="VentanaSala" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-right:130px;padding-top: 65px" >
            <div class="modal-dialog modal-lg">
                <div class="modal-content" style="width: 1020px;height: 420px">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel" align="center">PARAMETRIZACIÓN SALAS DE CIRUGÍA</h4>
                    </div>
                <div class="modal-body">
                    <div style="height: 490px;">
                        <table>
                            <tr>
                                <td>
                                    <table>
                                        <tr>
                                            <td>
                                                <section class="">
                                                    <div class="FormularioQx" >
                                                        <table style="font-size: 80%" >
                                                            <tr>
                                                                <td colspan="15" align="center">
                                                                     <h1>Datos Sala De Cirugía</h1> 
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Nombre
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <input placeholder="Nombre De La Sala" type="text" name=""  value="" id="NombreSala"  class="CajasTexto"/>
                                                                </td>
                                                            <tr>
                                                                <td>
                                                                   Descripción
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <textarea name="" rows="4" cols="20" id="DescripcionSala" placeholder="Descripción De La Sala" class="CajasTexto"></textarea>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <br>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Activo
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <input type="checkbox" name=""  checked id="ActivarSala" value=""/>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <br>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td align="center" colspan="3">
                                                                    <table>
                                                                        <tr>
                                                                            <td id="BotonSala">
                                                                                <input type="button" value="Registrar" class="btn btn-success" onclick="RegistarSala();"/>
                                                                            </td>
                                                                            <td width="10px"></td>
                                                                            <td>
                                                                                <input type="button" value="Limpiar" class="btn btn-info" />
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </section>
                                            </td>  
                                        </tr>
                                    </table>
                                </td>
                                <td style="width: 8px"></td>
                                <td>
                                    <section class="">
                                        <div class="DatosQx">
                                            <table>
                                                <tr>
                                                    <td  align="center">
                                                         <h1>Listado Salas De Cirugía</h1> 
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div class="exterior" >
                                                            <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                    <tr>
                                                                        <th>Nombre</th>
                                                                        <th>Descripción</th>
                                                                        <th>Activo</th>
                                                                    </tr>
                                                                </thead>
                                                            </table>
                                                        </div>
                                                        <div class="InteriorQx" id="inte">
                                                            <div id="ContenidoSala"></div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </section>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
     <div class="modal fade" id="ProcedimientosQx" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-right:200px;padding-top: 50px">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" style="width: 1140px;height: 580px">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel" align="center">PROCEDIMIENTOS</h4>
              </div>
                <div class="modal-body">
                    <div style="height: 490px;">
                        <table>
                            <tr>
                                <td>
                                    <table>
                                        <tr>
                                            <td>
                                                <section class="">
                                                    <div class="FormularioProcedimiento" >
                                                        <table style="font-size: 80%" >
                                                            <tr>
                                                                <td colspan="15" align="center">
                                                                     <h1>Datos Procedimiento</h1> 
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Cedula Paciente
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <input placeholder="Cedula Paciente" type="text" name="" disabled value="" id="DocumentoPacien"  class="CajasTexto"/>
                                                                </td>
                                                            <tr>
                                                                <td>
                                                                    Nombre Paciente
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <input type="text" placeholder="Nombre Paciente" name="" disabled value="" id="NombreCompletoPaciente"  class="CajasTexto"/>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Código Procedimiento
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <input placeholder="Código Procedimiento" type="text" name=""  value="" id="CodigoProcedimiento"  class="CajasTexto" onchange="CargarProcedimiento();"/>
                                                                </td>
                                                            <tr>
                                                                <td>
                                                                    Nombre Procedimiento
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <input type="text" placeholder="Nombre Procedimiento" name="" disabled value="" id="NombreProcedimiento"  class="CajasTexto"/>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Código Cup
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <input placeholder="Código Cup" type="text" name="" disabled value="" id="CodigoCup"  class="CajasTexto"/>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Nombre Cup
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <input type="text" placeholder="Nombre Cup" name="" disabled value="" id="NombreCup"  class="CajasTexto"/>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    Observaciones
                                                                </td>
                                                                <td width="10px"></td>
                                                                <td>
                                                                    <textarea name="" rows="4" cols="20" id="ObservacionProcedimiento" class="CajasTexto"></textarea>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <br>
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <td align="center" colspan="3">
                                                                    <table>
                                                                        <tr>
                                                                            <td>
                                                                                <input type="button" value="Registrar Procedimiento" id="BotonRegistrarProcedimiento" class="btn btn-success" onclick="RegistrarProcedimiento(2);"/>
                                                                            </td>
                                                                            <td width="10px"></td>
                                                                            <td>
                                                                                <input type="button" value="Limpiar" class="btn btn-info" onclick="LimpiarFormularioProcedimiento();"/>
                                                                            </td>
                                                                        </tr>
                                                                    </table>
                                                                </td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                </section>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                                <td style="width: 8px"></td>
                                <td>
                                    <section class="">
                                        <div class="DatosProcedimiento">
                                            <table>
                                                <tr>
                                                    <td  align="center">
                                                         <h1>Listado de Procedimiento</h1> 
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <div class="exterior" >
                                                            <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                                                <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                                    <tr>
                                                                        <th>Opciones</th>
                                                                        <th>Procedimiento</th>
                                                                        <th>Descripción</th>
                                                                        <th>Código Cup</th>
                                                                        <th>Descripción</th>
                                                                        <th>Observaciones</th>
                                                                    </tr>
                                                                </thead>
                                                            </table>
                                                        </div>
                                                        <div class="InteriorTabla" id="inte">
                                                            <div id="ContenidoProcedimiento"></div>
                                                        </div>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </section>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="ImprimirTicket" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-left:400px;padding-top: 100px">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" style="width: 500px;height: 400px">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel" align="center">IMPRIMIR TICKET</h4>
                </div>
                <div class="modal-body">
                    <div style="height: 490px;">
                        <table>
                            <tr>
                                <td>
                                    <div id="DatosTicket"></div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="HistoricoQuirofano" tabindex="-1" role="dialog" aria-labelledby="largeModal" aria-hidden="true" style="padding-right: 150px;padding-top: 80px">
        <div class="modal-dialog modal-lg">
            <div class="modal-content" style="width: 1100px;height: 450px">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel" align="center">HISTORICO QUIROFANO</h4>
                </div>
                <div class="modal-body">
                    <div style="height: 490px;">
                        <table>
                            <tr>
                                <td>
                                    <div class="exterior" >
                                        <table id="t1" class="t1" style="height:100%;width:100%;" border="0" cellpadding="0" cellspacing="1" border>
                                            <thead class="fixedHeader" style="color:white;background:#069;position:static ;">
                                                <tr>
                                                    <th>Usuario Registro</th>
                                                    <th>Sala</th>
                                                    <th>Medico</th>
                                                    <th>Tiempo Quirofano</th>
                                                    <th>Fecha Alta</th>
                                                    <th>Escala De Dolor</th>
                                                    <th>Instrumentado</th>
                                                    <th>Auxiliar</th>
                                                </tr>
                                            </thead>
                                        </table>
                                    </div>
                                    <div class="InteriorTabla" id="inte">
                                        <div id="ContenidoHistorico"></div>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
     </div>
        <input type="hidden" name="" value="2" id="N"/>
        <input type="hidden" name="" value="" id="Posicion"/>
    </body>
</html>